<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>${session.SOFT_NAME }_智能办公系统</title>
<meta name="description" content="Dashboard" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<%include("../../resapi/style.html"){}%>
<link rel="stylesheet" href="/module/zTree_v3/css/bootstrapStyle/bootstrapStyle.css" type="text/css">
<link href="/module/bootstrap-table/bootstrap-table.css" rel="stylesheet" />
<link href="/module/jeDate/jedate.css" rel="stylesheet" />
<style type="text/css">
#myTable tr td
{
    vertical-align: middle;
}
</style>
</head>
<body style="overflow-y: auto;">
	<div class="page-body" style="padding: 0px">
		<div class="page-container">
			<div class="widget-header bordered-bottom bordered-palegreen">
				<span class="widget-caption">合同创建</span>
			</div>
			<div class="widget-body" style="padding-top: 0px">
				<form class="form-horizontal form-bordered" id="from">
					<input type="hidden" id="contractId" name="contractId">
					<div class="form-group">
						<label class="col-sm-1 control-label no-padding-right">合同编号：</label>
						<div class="col-sm-3">
							<input type="text" class="form-control" id="contractCode" name="contractCode" placeholder="合同编号">
						</div>
							<div class="col-sm-2" style="line-height: 34px">
								<a style="cursor: pointer;" onclick="createCode();">生成合同编号</a>
							</div>
					</div>
					<div class="form-group">
						<label class="col-sm-1 control-label no-padding-right">合同标题：</label>
						<div class="col-sm-5">
							<input type="text" class="form-control" id="title" name="title" placeholder="合同标题">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-1 control-label no-padding-right">合同类型：</label>
						<div class="col-sm-5">
							<select id="contractType" name="contractType" class="form-control" style="border-radius: 0px;">
								<option value="1">销售合同</option>
								<option value="2">采购合同</option>
								<option value="3">服务合同</option>
							</select>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-1 control-label no-padding-right">合同分类：</label>
						<div class="col-sm-5">
							<input type="text" class="form-control" id="title" name="title" placeholder="合同分类">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-1 control-label no-padding-right">履行期限：</label>
						<div class="col-sm-2">
							<input type="text" class="form-control" id="startTime" name="startTime" placeholder="开始时间">
						</div>
						<div class="col-sm-1" align="center" style="line-height: 34px;">----</div>
						<div class="col-sm-2">
							<input type="text" class="form-control" id="endTime" name="endTime" placeholder="终止时间">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-1 control-label no-padding-right">合同条款：</label>
						<div class="col-sm-10">
							<div id="content" style="height: 300px"></div>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-1 control-label no-padding-right">产品明细：</label>
						<div class="col-sm-10">
						 <div class="buttons-preview" id="toobar">
									<a href="javascript:void(0);" class="btn btn-darkorange">批量删除</a>
									<a href="javascript:void(0);addRow();" class="btn btn-azure">添加产品</a>
								</div>
							<table id="myTable"></table>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-1 control-label no-padding-right">正式合同：</label>
						<div class="col-sm-5">
							<div style="padding-top: 4px;">
								<div id="show_newsattach"></div>
								<a class="addfile" href="javascript:void(0)">附件上传 <input data_value="" type="file" onchange="fileUpLoad('news','newsattach');" hidefocus="true" size="1" id="newsattach" name="newsattach" class="addfile"
									multiple="multiple"></a>
							</div>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-1 control-label no-padding-right">需方名称：</label>
						<div class="col-sm-5">
						<input type="text" class="form-control" id="title" name="title" placeholder="合同标题">
						</div>
						<label class="col-sm-1 control-label no-padding-right">供方名称：</label>
						<div class="col-sm-5">
						<input type="text" class="form-control" id="title" name="title" placeholder="合同标题">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-1 control-label no-padding-right">需方地址：</label>
						<div class="col-sm-5">
						<input type="text" class="form-control" id="title" name="title" placeholder="合同标题">
						</div>
						<label class="col-sm-1 control-label no-padding-right">供方地址：</label>
						<div class="col-sm-5">
						<input type="text" class="form-control" id="title" name="title" placeholder="合同标题">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-1 control-label no-padding-right">需方法人：</label>
						<div class="col-sm-5">
						<input type="text" class="form-control" id="title" name="title" placeholder="合同标题">
						</div>
						<label class="col-sm-1 control-label no-padding-right">供方法人：</label>
						<div class="col-sm-5">
						<input type="text" class="form-control" id="title" name="title" placeholder="合同标题">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-1 control-label no-padding-right">需方签订人：</label>
						<div class="col-sm-5">
						<input type="text" class="form-control" id="title" name="title" placeholder="合同标题">
						</div>
						<label class="col-sm-1 control-label no-padding-right">供方签订人：</label>
						<div class="col-sm-5">
						<input type="text" class="form-control" id="title" name="title" placeholder="合同标题">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-1 control-label no-padding-right">联系电话：</label>
						<div class="col-sm-5">
						<input type="text" class="form-control" id="title" name="title" placeholder="合同标题">
						</div>
						<label class="col-sm-1 control-label no-padding-right">联系电话：</label>
						<div class="col-sm-5">
						<input type="text" class="form-control" id="title" name="title" placeholder="合同标题">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-1 control-label no-padding-right">需方开户行：</label>
						<div class="col-sm-5">
						<input type="text" class="form-control" id="title" name="title" placeholder="合同标题">
						</div>
						<label class="col-sm-1 control-label no-padding-right">供方开户行：</label>
						<div class="col-sm-5">
						<input type="text" class="form-control" id="title" name="title" placeholder="合同标题">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-1 control-label no-padding-right">需方账号：</label>
						<div class="col-sm-5">
						<input type="text" class="form-control" id="title" name="title" placeholder="合同标题">
						</div>
						<label class="col-sm-1 control-label no-padding-right">供方账号：</label>
						<div class="col-sm-5">
						<input type="text" class="form-control" id="title" name="title" placeholder="合同标题">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-1 control-label no-padding-right">需方税号：</label>
						<div class="col-sm-5">
						<input type="text" class="form-control" id="title" name="title" placeholder="合同标题">
						</div>
						<label class="col-sm-1 control-label no-padding-right">供方税号：</label>
						<div class="col-sm-5">
						<input type="text" class="form-control" id="title" name="title" placeholder="合同标题">
						</div>
					</div>
					<div class="form-group">
						<div class="col-sm-offset-1 col-sm-5">
							<a id="createbut" href="javascript:void(0);"
								class="btn btn-primary">新&nbsp;&nbsp;建</a> <a
								style="display: none;" id="updatabut" href="javascript:void(0);"
								class="btn btn-maroon">更&nbsp;&nbsp;改</a>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<div id="modal-warning" class="modal modal-message modal-warning fade" style="display: none;" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <i class="fa fa-warning"></i>
                </div>
                <div class="modal-title">警告</div>

                <div class="modal-body">请先完成当前添加操作并保存?</div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning" data-dismiss="modal">确定</button>
                </div>
            </div> <!-- / .modal-content -->
        </div> <!-- / .modal-dialog -->
    </div>
	<div id="orgselectdiv"></div>
	<%include("../../resapi/sysjs.html"){}%>
	<script type="text/javascript" src="/module/fileupload/pageoffice.js" id="po_js_main"></script>
	<script type="text/javascript"	src="/module/zTree_v3/js/jquery.ztree.core.js"></script>
	<script type="text/javascript"	src="/module/zTree_v3/js/jquery.ztree.excheck.js"></script>
	<script type="text/javascript"	src="/module/zTree_v3/js/jquery.ztree.exedit.js"></script>
	<script type="text/javascript"	src="/module/fileupload/ajaxfileupload.js"></script>
	<script type="text/javascript"	src="/module/fileupload/fileupload.js"></script>
	<script src="/module/bootstrap-table/bootstrap-table.js"></script>
	<script src="/module/bootstrap-table/bootstrap-table-zh-CN.js"></script>
	<script src="/assets/js/select2/select2.js"></script>
	<script type="text/javascript" src="/module/jeDate/jeDate.js"></script>
	<script type="text/javascript" src="/assets/js/editors/summernote/summernote.js"></script>
	<script type="text/javascript" src="/module/orgselect/orgselect.js"></script>
	<script type="text/javascript" src="/gobal/js/page/erp/erp.js"></script>
	<script type="text/javascript" src="/gobal/js/page/contract/product.js"></script>
</body>
</html>